<<<<<<< HEAD
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
=======
@charset "utf-8";

* {
    margin: 0;
    padding: 0;
>>>>>>> e9d78101eb1795920b3e63a65dc17c94f0f0784c
    box-sizing: border-box;
}

li {
    list-style: none;
}
<<<<<<< HEAD

a {
    text-decoration: none;
    color: inherit;
    display: block;
}

img {
    width: 100%;
}

=======
a {
    text-decoration: none;
    color:inherit;
    display: block;
}
img {
    width: 100%;
}
>>>>>>> e9d78101eb1795920b3e63a65dc17c94f0f0784c
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
<<<<<<< HEAD
}

html,
body {
    width: 100%;
=======
  }

html,body {
    width: 100%;
}

//顶部通栏
header {
    width: 100%;
    display: flex;
    justify-content:space-between;
    height: 0.7rem;
    background-color: #ff841d;
    color:#fff;
    padding-right: 0.08rem;
    .t-rebate {
        flex: 1;
        padding:0.15rem;
        img {
          width: 60%;
          
        }
    }
    .t-app {
        width: 0.6rem;
        line-height: 0.5rem;
        padding-top: 0.12rem;
        img {
            display: block;
            width: 80%;
        }
    }
>>>>>>> e9d78101eb1795920b3e63a65dc17c94f0f0784c
}

/* 底部信息 */
footer {
  background: #f1f1f1;
  padding-top: .3rem;
  padding-bottom: .1rem;
}


footer .footer-tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}


footer .footer-tools > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid #c4c4c4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: .08rem 0;
  font-size: .16rem;
}


footer .footer-tools > a:first-child {
  border-left: 0;
}


footer .footer-tools > a:last-child {
  position: relative;
}


footer .footer-tools > a:last-child::before {
  content: "";
  width: 0;
  height: 0;
  border: .08rem solid #747474;
  border-color: transparent transparent #747474  transparent;
  position: absolute;
  top: .04rem;
  left: .45rem;
}


footer .footer-tools > a:last-child::after {
  content: "";
  width: .08rem;
  height: .1rem;
  background: #747474;
  position: absolute;
  top: .20rem;
  left: .49rem;
}


footer .footer-copyright {
  padding-top: .15rem;
}


footer .footer-copyright p {
  text-align: center;
  font-size: .14rem;
  color: #727272;
}


footer .footer-copyright p:first-child > a {
  display: inline-block;
  color: red;
}


footer .footer-copyright p:last-child {
  font-size: .12rem;
  padding-top: .02rem;
}

<<<<<<< HEAD
=======
@media only screen and (max-width: 1080px), only screen and (max-device-width: 1080px) {
    html, body {
      font-size: 168.75px;
    }
  }
  
  @media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
    html, body {
      font-size: 150px;
    }
  }
  
  @media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
    html, body {
      font-size: 125px;
    }
  }
  
  @media only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
    html, body {
      font-size: 112.5px;
    }
  }
  
  @media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
    html, body {
      font-size: 100px;
    }
  }
  
  @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
    html, body {
      font-size: 93.75px;
    }
  }
  
  @media only screen and (max-width: 540px), only screen and (max-device-width: 540px) {
    html, body {
      font-size: 84.375px;
    }
  }
  
  @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    html, body {
      font-size: 75px;
    }
  }
  
  @media only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
    html, body {
      font-size: 64.6875px;
    }
  }
  
  @media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
    html, body {
      font-size: 62.5px;
    }
  }
  
  @media only screen and (max-width: 375px), only screen and (max-device-width: 375px) {
    html, body {
      font-size: 58.59375px;
    }
  }
  
  @media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
    html, body {
      font-size: 56.25px;
    }
  }
  
  @media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
    html, body {
      font-size: 50px;
    }
  }
  
  @media only screen and (max-width: 240px), only screen and (max-device-width: 240px) {
    html, body {
      font-size: 37.5px;
    }
  }

  body {
    font-size: 0.14rem;
    background-color: #f1f1f1;
}
>>>>>>> e9d78101eb1795920b3e63a65dc17c94f0f0784c
